---
title: Routing tree editor
---
<div id="routing-tree-container">
  <h1 id="routing-tree-editor" class="page-header">
    Routing tree editor
    <a class="header-anchor" href="#routing-tree-editor" name="routing-tree-editor"></a>
  </h1>

  <div class="form-group">
    <p class="block">Copy and paste your Alertmanager config.yml:</p>
    <div class="form-group">
      <textarea class="js-config-yml form-control" cols="50" rows="10"></textarea>
    </div>
    <button type="button" class="js-parse-and-draw btn btn-default">Draw Routing Tree</button>
  </div>
  <div class="form-inline">
    <div class="form-group">
      <div class="form-group">
        <input class="js-label-set-input label-input form-control" type="text" placeholder='{service="foo-service", severity="critical"}' \>
        <button type="button" class="js-find-match btn btn-default">Match Label Set</button>
      </div>
    </div>
  </div>
</div>
<script src="/assets/d3.v3.min.js"></script>
<script src="/assets/js-yaml.min.js"></script>
<script src="/assets/routing-tree.js"></script>
